Tempered Coast color palette — #F8E5F1 · #2A98B5 · #004C81 · #002D22 · #03001C

Peacock takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F8E5F1): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#2A98B5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#004C81): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002D22): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#03001C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Nightshade Orchard color palette (#DFE9DE, #4590CC, #3238A0, #002B2D, #080014)
• Weathered Cerulean Dune color palette (#D8EBE9, #469CB5, #00516B, #002F34, #001624)
• Aged Lagoon color palette (#F5EAF6, #008A89, #004254, #002105, #000104)
• Softworn Petrol color palette (#F6EDDF, #67C5E2, #00709C, #003E3E, #000309)
• Aged Petrol color palette (#EFE0D7, #66ADC3, #006CA4, #004B43, #000B40)
• Weathered Cobalt Orchard color palette (#FCEDF5, #8CD3EF, #4C7EBA, #005D4F, #161E3B)
• Cobalt Veranda color palette (#CFE7D5, #00B7C5, #2F70CC, #413A00, #000706)
• Sunlit Lagoon color palette (#C6E7DC, #006B58, #7C0073, #003228, #080007)

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