Tempered Sand color palette — #EDF8F8 · #F8DA9C · #78AB98 · #507477 · #222E2F

Peach Cream and Jade set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#EDF8F8): bright and airy, almost weightless.
• Peach Cream (#F8DA9C): A whisper-light, balanced gold — the color of old brass.
• Jade (#78AB98): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#507477): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#222E2F): quiet, heavy and certain.

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

• Weathered Veranda color palette (#ECF7FF, #F3D18A, #5D9DC2, #4E6679, #18232B)
• Shell Grove color palette (#ECF8FB, #FFC0AF, #4F8988, #31535C, #202E32)
• Antique Fern Workshop color palette (#F0F3EC, #CBC4A3, #556A29, #073B27, #12150C)
• Washed Marigold Boulevard color palette (#D1E3EE, #D09C00, #007390, #003F51, #000306)
• Aged Stone Veranda color palette (#EEF7FA, #D6DBE6, #C0C2A4, #B4AEB9, #4C5457)
• Aged Glacier color palette (#EAFAED, #7FE2F4, #8DB2DA, #9E819C, #3A4A54)
• Hushed Aqua Corridor color palette (#EAF8FB, #1FD8C8, #CB92C2, #B48067, #253B36)
• Dusty Grove color palette (#EDF7F9, #93F3E4, #80BEF4, #71BBAF, #262F38)

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