Dusty Straw color palette — #E6EC97 · #FFBDBF · #8CC2FF · #474960 · #30373F

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

The five colors

• Butter (#E6EC97): A whisper-light, balanced green — the color of new leaves after rain.
• Ballet Pink (#FFBDBF): A whisper-light, dusty red — the color of embers at dusk.
• Sky (#8CC2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#474960): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#30373F): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Dusty Straw 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

• Tempered Workshop color palette (#96FECD, #FFBEB7, #B5B5FF, #4E475C, #32363F)
• Aqua Harbor color palette (#FFDFB0, #F5B8FA, #18D2FD, #3F4A5E, #2D373C)
• Muted Corridor color palette (#FDE66E, #FFCECF, #B5D8FF, #756876, #373137)
• Worn Bloom color palette (#EFE6C4, #FFB89C, #54C9FE, #21313B, #10171C)
• Washed Sapphire color palette (#F2F5FB, #AEC0E5, #AB647E, #5364BD, #332A37)
• Driftwood Alley color palette (#F3F5FB, #DCD8DD, #B8A8A4, #8479AD, #505259)
• Tempered Lantern color palette (#EFF6FE, #A8CAAF, #48607F, #253A54, #242331)
• Dusty Lilac color palette (#CAE9D5, #FF926F, #AC88FF, #382846, #1B1D2A)

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