Tempered Basalt Coast color palette — #F5F3FF · #D99E8F · #65426D · #2E2A43 · #201821

Charcoal Brown and Camel set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Camel (#D99E8F): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#65426D): A full-bodied, balanced pink — the color of a candy shop window.
• Midnight (#2E2A43): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#201821): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Weathered Stone Canyon color palette (#F8F3FC, #DEB1C8, #695575, #3F3347, #2C2027)
• Weathered Mulberry color palette (#F6F4FB, #D597C6, #A05657, #89417A, #2E1E2D)
• Timeworn Denim color palette (#F0F1FB, #88C0B7, #5E497B, #2F1B47, #0A0B19)
• Wandering Lilac color palette (#FFF1F4, #FFC6B7, #B080BC, #74577B, #2B1D20)
• Worn Amber color palette (#FFEFFF, #DF8B3E, #7A2633, #470F18, #231424)
• Dusty Pewter color palette (#FFF1F6, #AFCFA5, #7A6699, #493864, #2D1B23)
• Aged Quarry color palette (#FFF1F6, #CD7D8B, #93574C, #554F1A, #483648)
• Ember Meadow color palette (#EADFF7, #E46821, #6A004F, #350026, #160723)

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