Cobalt Coast color palette — #F7F6EB · #C2DB93 · #2991D8 · #668311 · #000705
Built around Cerulean, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6EB): a clean, paper-quiet neutral.
- Pistachio (#C2DB93): A whisper-light, balanced green — the color of a quiet forest floor.
- Cerulean (#2991D8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#668311): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Sunlit Pine color palette (#F3F7ED, #87E7B7, #6E85D2, #008C5D, #0D010B)
- Bronze Lantern color palette (#FBF4EB, #FAC673, #0099B9, #9C6C00, #000803)
- Emerald Thicket color palette (#F5F6EC, #C5F4C2, #A491D1, #629A5F, #1D0C14)
- Aged Alley color palette (#EBF9F7, #A7D9AD, #00B7C7, #00B447, #011C25)
- Garnet Drift color palette (#E2EDE0, #008D85, #6C004F, #00332F, #040002)
- Antique Peony color palette (#ECF9ED, #51F2FB, #DB6195, #008F96, #190202)
- Faded Station color palette (#F1F3EA, #67B474, #00727D, #006726, #000902)
- Aubergine Harbor color palette (#E5FCED, #009BB9, #4C72B6, #5A2E72, #110C00)
Browse the whole catalog at Explore, or see today's palette.