Use this color as a starting point: copy its HEX code, find matching colors, or set it as the Base color in Color Studio.
Opening Color Studio uses this color as the Base color in a new project. Generate a palette only when you are ready.
Ideas for Using Soft Butter in Light, Warm Designs
Soft Butter #F3E5A6 is a gentle creamy yellow with a warm, optimistic mood. It suits interiors, packaging, lifestyle branding, web design, and illustration when you want brightness without the intensity of a saturated yellow. Pair it with warm whites, muted blues, pale greens, soft browns, or dusty lilacs for light, friendly combinations with an easygoing feel.
Use #F3E5A6 with readable text
Use this exact HEX value to explore readable text, two layouts and three palette directions. The examples are starting points: check text and controls again in your finished design.
Sample text
16.57:1 — Passes AA for normal text
Text #000000 Background #F3E5A6
Sample text
1.27:1 — Fails AA for normal text
Text #FFFFFF Background #F3E5A6
Sample text
13.79:1 — Passes AA for normal text
Text #171A1D Background #F3E5A6
Sample text
11.50:1 — Passes AA for normal text
Text #F3E5A6 Background #2C291C
Calculated for opaque sRGB colors. AA for normal text requires at least 4.5:1; the result uses the unrounded value. These checks describe the shown pairs, not every combination or the accessibility of a complete design.
Two ways to use this color
These are Qolorio design examples. Open one in Studio to keep the shown colors and role choices, then try them in the available previews.
Soft Butter — light layout
STUDIO NOTES
A fresh perspective
A considered space for ideas and details.
A considered choice of color.
Explore the story
A light page and dark text leave room for the original color as a feature panel. Check the panel label against its actual background.
Background / body text
#F9F8F6 / #2C291C · 13.73:1
Action / label
#4A442B / #F8FAFC · 9.32:1
Soft Butter — dark layout
STUDIO NOTES
Made to be noticed
A focused setting for a new collection.
A considered choice of color.
See the collection
The original color becomes a feature panel. The action uses it when it stands out against the dark page; otherwise a lighter companion takes that job.
Background / body text
#2C291C / #F9F8F6 · 13.73:1
Action / label
#F3E5A6 / #171A1D · 13.79:1
Three palette combinations
Balanced foundation
A light foundation, the original color, dark tones for structure and a soft companion. Check text contrast wherever you place type.
#F9F8F6#F3E5A6#2C291C#4A442B#E6E3D6
Warm editorial
Pair the original color with a warm accent and dark text for a cover, article or presentation. Keep the accent small.
#F7F5EF#F3E5A6#2C291C#C6835D
Cool workspace
A cool supporting palette for surfaces and information. Add a readable label or shape when color carries meaning.
