Tempered Coast color palette — #FFF1F6 · #E7AD7E · #4097AB · #8E3E49 · #432100

A conversation between Garnet and Sand, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#E7AD7E): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#4097AB): A luminous, balanced blue — the color of deep harbor water.
• Garnet (#8E3E49): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#432100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Mustard Delta color palette (#EBFAEA, #E0B173, #5691B9, #794872, #3E1D3A)
• Sunlit Study color palette (#E7FBF0, #C7BF5B, #6888CC, #8C4524, #461E0B)
• Chalky Studio color palette (#F5F7EA, #96CF92, #57ACCF, #9566B1, #58281A)
• Dusty Denim Garden color palette (#E4FBF6, #A2C88B, #8D7FB9, #604F8D, #461731)
• Aged Mulberry Canyon color palette (#E0F7FF, #008B92, #91013C, #312200, #030100)
• Antique Thicket color palette (#E9F9F8, #A3DBB7, #B788AC, #90595B, #472E47)
• Washed Terracotta color palette (#E6F9FD, #61D0C6, #BC717B, #8D4049, #452000)
• Washed Workshop color palette (#F1F7F1, #DAD5DF, #AAB8EE, #469091, #3A3C5C)

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