Straw Atelier color palette — #FFF0F7 · #EDEFA7 · #C2F1FB · #B77C72 · #4E303B

Butter and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Butter (#EDEFA7): A whisper-light, balanced green — the color of fresh herbs.
• Frost (#C2F1FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Caramel (#B77C72): A luminous, dusty orange — the color of toasted spice.
• Charcoal (#4E303B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Straw Atelier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Washed Coast color palette (#E6FCEB, #BDF1BD, #BDE8E9, #AD7F50, #1E3A2D)
• Ash Balcony color palette (#FDF0FF, #DBD8CD, #9B9CA7, #B87E9E, #3F263F)
• Timeworn Amber Alley color palette (#E6FCE6, #B3E1C8, #A1B9D5, #BC7C5D, #24412B)
• Hushed Mustard Canyon color palette (#FFF3E9, #F0D4A2, #B5BF67, #9B5C4D, #48433D)
• Hushed Blush color palette (#FFF0F9, #E6ECC2, #B0EBAE, #D880A8, #29442D)
• Hushed Driftwood color palette (#FFF0F8, #E7B8CB, #B07C63, #7C4841, #0F2811)
• Weathered Corridor color palette (#FFEEE4, #DCE6AD, #84C28D, #985273, #322311)
• Tempered Moss Hollow color palette (#E5FFD6, #BFECE7, #BFC0DB, #A0A139, #254122)

Browse the whole catalog at Explore, or see today's palette.