Cobalt Coast color palette — #FFF1F6 · #F5A453 · #008DD0 · #8F5200 · #001A2C

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Apricot (#F5A453): A luminous, balanced gold — the color of old brass.
• Cerulean (#008DD0): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#8F5200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#001A2C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Cobalt 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

• Pale Azure color palette (#F1D9C3, #FFAE63, #13ADF4, #A15B00, #002D43)
• Faded Coast color palette (#FFF0FA, #FE815B, #00A6AE, #AD3300, #001D1F)
• Ancient Summit color palette (#E4FDE9, #E1B13B, #7A74DD, #7E5E00, #160B42)
• Washed Boulevard color palette (#D8F8DC, #CC9522, #4361D1, #664700, #020029)
• Softworn Bronze Lagoon color palette (#F2D9C1, #B56A00, #0071A8, #6B3C00, #002C45)
• Linen Cobalt Canyon color palette (#FFF3E7, #DF8F28, #1873C3, #4F4AA4, #160900)
• Garnet Lantern color palette (#FFF1F7, #CAAF75, #9F683D, #742A2B, #121400)
• Weathered Violet color palette (#D9FFF1, #B8CF28, #996DEF, #657300, #270052)

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