Tempered Straw color palette — #F6F3FF · #DBE5AB · #B790B2 · #6F697F · #2C2A33

Celadon Mist and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Celadon Mist (#DBE5AB): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#B790B2): A luminous, dusty pink — the color of peonies in June.
• Slate (#6F697F): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2C2A33): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered 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

• Softworn Study color palette (#FFF0F8, #EAD589, #C0856A, #755A69, #281E24)
• Sand Parlor color palette (#FDF2F1, #F6C5A8, #9F6C7D, #624441, #332827)
• Sunflower Orchard color palette (#FAF2FF, #DCD529, #CB6893, #7A4B5E, #201625)
• Hushed Shell Bloom color palette (#FBF2FC, #FFA4B5, #5FBBB3, #54918B, #2F3442)
• Dusty Oat Meadow color palette (#F9F3F9, #E3D7D8, #DCBAC6, #ADB2BF, #555155)
• Ancient Shell Lantern color palette (#E6FBEE, #FFBCC1, #C9A77F, #6C91AD, #53414E)
• Weathered Taupe color palette (#F7F3FB, #FFCDE6, #BDBB80, #D296B4, #25312B)
• Patina Driftwood color palette (#FAF1FF, #FFCCC8, #E8AC8D, #A4854D, #4E4D10)

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