Cerulean Studio color palette — #F1F7F2 · #C1E3EC · #3A99A6 · #217258 · #2E4C5C
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#C1E3EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3A99A6): A luminous, balanced blue — the color of open sky before noon.
- Pine (#217258): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#2E4C5C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Studio 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
- Cerulean Chapel color palette (#F7EFF7, #ADEAE8, #3C9AB8, #3B6B40, #1C2D3F)
- Teal Field color palette (#F6F6EC, #C5E5DB, #89CBCF, #54AA99, #2E5139)
- Softworn Cerulean Villa color palette (#D9E2DB, #3B9FA9, #005264, #003129, #001623)
- Weathered Mallow color palette (#F0F5FF, #DCD7E3, #D7ABE5, #5182A8, #424B61)
- Wandering Rust Ridge color palette (#EFF6FF, #5F86D8, #C94A49, #327B34, #2B394C)
- Hushed Petrol color palette (#E6F2E8, #83BDBF, #007588, #005142, #003345)
- Navy Courtyard color palette (#E3EEE5, #5287A8, #003D72, #002127, #01002F)
- Cobalt Field color palette (#CEEDFF, #5AADDC, #0480D5, #355695, #334363)
Browse the whole catalog at Explore, or see today's palette.