Tempered Coast color palette — #C0E8F4 · #00A3E6 · #007EE3 · #2F4FC1 · #200A48

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

The five colors

• Frost (#C0E8F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#00A3E6): A luminous, balanced blue — the color of open sky before noon.
• Azure (#007EE3): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Cobalt (#2F4FC1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#200A48): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Linen Pier color palette (#DFF2FF, #0094E6, #0068BF, #003F8F, #041350)
• Softworn Workshop color palette (#D7E7F0, #459BFF, #506EF3, #5333B1, #35054D)
• Lapis Coast color palette (#DFF3FF, #0F88F3, #4F46F3, #5B1EB6, #1D002A)
• Antique Indigo Thicket color palette (#DBE1F1, #91A1FF, #5B75F1, #303FAB, #070034)
• Cerulean Quarry color palette (#CDE6E2, #00A5B0, #008AA3, #005B81, #001F4F)
• Pale Ultramarine color palette (#D0E4FF, #7DB1FF, #B98403, #0056C3, #251800)
• Worn Studio color palette (#E6F0FF, #5882FF, #A97900, #5F7720, #040C33)
• Timeworn Ridge color palette (#CCE1FF, #CABFFF, #F596D2, #0094BD, #25204C)

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