Tempered Coast color palette — #F8F5EF · #CCE5E3 · #88B8D6 · #3E9697 · #5F4A61

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CCE5E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#88B8D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3E9697): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#5F4A61): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: 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

• Muted Powder color palette (#F0F7F1, #D9E0EB, #ABD1EE, #6D9AA7, #3D4F62)
• Weathered Azure color palette (#FAF4F0, #CBE7E4, #699ED0, #3F7C6A, #604B59)
• Ancient Lagoon Bloom color palette (#F8F5EF, #CCE5E0, #92BDA3, #3A9886, #335246)
• Hushed Cobalt color palette (#F2EBE1, #7BBDCE, #007FAA, #005956, #00213A)
• Hushed Emerald Terrace color palette (#F2F8EB, #BACCA4, #D39EC1, #1AA478, #634058)
• Muted Villa color palette (#FAF4EC, #C1DDC6, #40A3BF, #007E6E, #0E3F58)
• Ancient Veranda color palette (#E7DFD3, #76A8CA, #0066BD, #004854, #040644)
• Amber Harbor color palette (#F0F9E9, #82C0AC, #A59BD7, #BE825E, #3B4732)

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