Cobalt Coast color palette — #FFF2EA · #43C9F0 · #0070C2 · #005747 · #29286A
Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Cyan (#43C9F0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0070C2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005747): A full-bodied, dusty teal — the color of sea glass.
- Navy (#29286A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Worn Lantern color palette (#FFF2EE, #4ECDCD, #007A98, #005A1E, #003362)
- Petrol Chapel color palette (#DDF9F6, #6EC9EB, #007CA9, #00505B, #001C2F)
- Linen Denim color palette (#FCEADD, #52AAD0, #0453AD, #003F37, #1D1546)
- Misty Cerulean color palette (#F4F7E8, #77D9FF, #0098D0, #007080, #003656)
- Quiet Coast color palette (#E0F5EE, #00ABB0, #006E8B, #004675, #272779)
- Hazy Wisteria Villa color palette (#E8F8FF, #BBD0FF, #D183DE, #00765D, #16365A)
- Quiet Periwinkle Workshop color palette (#FFF0F9, #A8E4FC, #55B1FF, #009891, #1B2B6C)
- Hushed Cerulean Hollow color palette (#FBF4ED, #BDE7D8, #7588BD, #08716E, #5C3D4B)
Browse the whole catalog at Explore, or see today's palette.