Tempered Sand color palette — #ECF8FB · #E7CE99 · #558693 · #33535B · #202E32
Built around Wheat, softened by Storm Blue — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#ECF8FB): a clean, paper-quiet neutral.
- Wheat (#E7CE99): A whisper-light, dusty gold — the color of old brass.
- Storm Blue (#558693): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#33535B): A full-bodied, dusty blue — the color of deep harbor water.
- Onyx (#202E32): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Tempered Sand 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 Mustard color palette (#EFF6FF, #E0C07B, #5172A8, #30435D, #1B222C)
- Lagoon Meadow color palette (#F1F7F0, #BCE2D1, #4D948D, #374D32, #161E14)
- Ash Ridge color palette (#F0F8F1, #F8D6C1, #68ABB0, #3D787C, #232F24)
- Antique Cypress Courtyard color palette (#EAF8FD, #DAB3C9, #216970, #1E3D48, #1D252F)
- Washed Periwinkle Harbor color palette (#EDF7FB, #94E0EB, #7E9BD5, #5299A3, #272E3A)
- Softworn Courtyard color palette (#E7F9FF, #3AC0C8, #BF88A5, #946D81, #2D4147)
- Aged Powder color palette (#E9FAEC, #77C8F8, #858FC1, #886177, #3C4957)
- Weathered Marigold color palette (#CBE2F1, #CF9C00, #005E7A, #002E3D, #000D17)
Browse the whole catalog at Explore, or see today's palette.