Tempered Coast color palette — #F7F6E7 · #94A968 · #2A97B5 · #587001 · #124A59

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Moss (#94A968): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#2A97B5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#587001): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#124A59): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Worn Bronze Balcony color palette (#FBF7D4, #7F924C, #248C85, #99551B, #393831)
• Wandering Pier color palette (#F4F7E9, #8ABF92, #C08B6B, #4D8056, #524C47)
• Powdered Indigo color palette (#E5FEDA, #00AB98, #676BEE, #006B5F, #2F3270)
• Lilac Dune color palette (#F6F2DF, #9FAB6D, #9F79C8, #606C00, #301D42)
• Washed Field color palette (#C6F2CF, #009F4D, #0075BD, #005F2B, #003052)
• Tempered Fern color palette (#F7F8DB, #CBE2CC, #93CECD, #808A5D, #4E5300)
• Frosted Olive color palette (#E4FFD5, #A3C98C, #547D3A, #2C4C07, #1F3605)
• Lapis Corridor color palette (#D1E5CD, #00928B, #6655C3, #005550, #271B59)

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