Tempered Coast color palette — #FAEFEB · #ADE9EC · #5597B5 · #386B49 · #392339

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAEFEB): bright and airy, almost weightless.
• Sea Foam (#ADE9EC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5597B5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#386B49): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#392339): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Ancient Cerulean color palette (#FFEDE8, #76E4E6, #0090B6, #1A6530, #082545)
• Cypress Market color palette (#F5F6ED, #C8E5CC, #4A97A3, #00716A, #2E503D)
• Marigold Station color palette (#FEF0DB, #CE9A2A, #6F89D9, #825D00, #1A2547)
• Aged Turquoise Alley color palette (#FAF3F8, #CDE1F7, #67B0C9, #4A896E, #2C4B65)
• Hushed Cerulean color palette (#EDDBD2, #129BAE, #004F75, #002D1D, #01001E)
• Hushed Cobalt color palette (#FFEEE4, #29CEFC, #0073CC, #005344, #140F43)
• Navy Quarry color palette (#F0E2D3, #447EA9, #222E85, #001F1F, #020007)
• Amber Dune color palette (#FFF0D6, #AF8700, #6F78C0, #5D65A1, #271C08)

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