Tempered Stone color palette — #FDF1F7 · #C4F5EA · #D8A07F · #8D6E8C · #30453B

Camel takes the lead with Slate close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Honeydew (#C4F5EA): A whisper-light, dusty teal — the color of sea glass.
• Camel (#D8A07F): A luminous, balanced gold — the color of honey in a jar.
• Slate (#8D6E8C): A full-bodied, dusty pink — the color of a candy shop window.
• Forest (#30453B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Worn Coral Station color palette (#FFF0FA, #F9D0DD, #D28971, #8B5B66, #21372A)
• Worn Coast color palette (#FDEDF4, #D3B0BC, #9E7588, #6C4D5F, #243024)
• Aged Chapel color palette (#EAFAF1, #BAE8F1, #B4B180, #668363, #2E4444)
• Blush Dune color palette (#F2F5FF, #EFD8DC, #E79097, #A9674F, #554000)
• Powder Grove color palette (#EFF6FF, #A7C3FB, #A3B77D, #5688AA, #2A323F)
• Weathered Bronze Market color palette (#FFF3E9, #C7B59E, #AA7242, #894A2D, #5B4400)
• Marigold Station color palette (#F3F5FB, #E1D8E1, #D3A657, #9D8ECD, #162218)
• Aged Coast color palette (#F2F5FF, #C4DBF5, #867DB3, #3F455D, #181B24)

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