Tempered Coast color palette — #EAF2FF · #3B3AE5 · #6E3300 · #00391C · #020023

Built around Iris, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAF2FF): a clean, paper-quiet neutral.
• Iris (#3B3AE5): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#6E3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#00391C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#020023): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Hazy Ultramarine Study color palette (#E0EDFF, #005BC3, #7F1600, #113200, #000414)
• Amethyst Cabin color palette (#EBEDFF, #821EE3, #5F3800, #003828, #0A0020)
• Pale Grape color palette (#ECF0FF, #7300EF, #820034, #003137, #001737)
• Washed Byzantium Studio color palette (#F1F0FF, #8C45A5, #515800, #003E4F, #0C081C)
• Aged Indigo Archive color palette (#D8E4C9, #7663F5, #90006E, #003B2C, #1C0130)
• Wandering Orchid color palette (#FFEDF5, #9E4FFF, #875000, #5E4900, #00191E)
• Garnet Loft color palette (#CCF2FD, #006F6E, #850023, #263500, #000A09)
• Muted Nightshade color palette (#EFF1FC, #D4D1E3, #B6A3C4, #6244A6, #171926)

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