Tempered Stone Hollow color palette — #EFF6FF · #CFC08D · #4C5D84 · #2D394C · #24242B

Sand and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sand (#CFC08D): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#4C5D84): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Teal (#2D394C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#24242B): a grounded near-black with real depth.

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

Use it as a design system

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

• Timeworn Corridor color palette (#F9EEF6, #E7B6AB, #74566D, #3D2939, #181117)
• Mint Ridge color palette (#F3F4FF, #78C288, #584775, #292A4A, #1F1A23)
• Ancient Workshop color palette (#FBF2F9, #F1DBB3, #B492AE, #7F627A, #322730)
• Driftwood Corridor color palette (#F0F5FF, #E1C6E7, #6F7CA2, #414D63, #252C38)
• Antique Powder Corridor color palette (#F1F5FD, #A4C0F9, #A8686F, #576C99, #342A35)
• Driftwood Summit color palette (#F3F5FD, #E1D8DF, #B5AAA3, #797FA3, #515258)
• Dusty Iris color palette (#F2F5FF, #9279CE, #6B6619, #535024, #23363B)
• Wandering Coast color palette (#E2FBFC, #9AA0E9, #A06179, #356264, #464657)

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