Tempered Coast color palette — #EEF7FA · #CCD7ED · #B4A0EA · #19AEB9 · #1B1D2A

Cyan and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Powder Blue (#CCD7ED): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B4A0EA): A luminous, balanced violet — the color of wild irises.
• Cyan (#19AEB9): A luminous, balanced blue — the color of open sky before noon.
• Midnight (#1B1D2A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

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

• Mallow Dune color palette (#F1F6FB, #D9DAE5, #DC91CF, #6B9DD7, #201C27)
• Softworn Grove color palette (#EFF8F3, #AEE8FF, #B9B7F7, #6CB7D2, #332A33)
• Timeworn Jade color palette (#EFF7F7, #B7E1ED, #73B6EA, #5EAD7D, #14202A)
• Weathered Lilac Garden color palette (#E9FAF0, #AEE7FF, #9B9ADB, #7A734A, #33414E)
• Periwinkle Field color palette (#E9F8FF, #D3D9E9, #84ADF3, #7767A5, #55305F)
• Cornflower Courtyard color palette (#F1F5FC, #DED7F2, #E97672, #6184E2, #190E18)
• Wandering Petrol color palette (#EFF8F2, #8ECCDB, #8174A5, #007A8F, #362A2F)
• Wandering Courtyard color palette (#EDF7FB, #61D2DC, #BA6E90, #776F3B, #18292E)

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