Cerulean Pier color palette — #F7EFF4 · #B0E7F5 · #3B9CB1 · #3B6A4E · #152F41
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Powder Blue (#B0E7F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3B9CB1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#3B6A4E): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#152F41): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Pier 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 Coast color palette (#F8EFF5, #89D6E3, #2286B1, #005D4B, #08213B)
- Cypress Market color palette (#F8EFF4, #D7D1E6, #7FA0C0, #377774, #2C3648)
- Ancient Forest color palette (#FDF2EF, #CBE4CB, #5394AB, #3D6F44, #553E58)
- Teal Quarry color palette (#D6F7E1, #29BB96, #008B85, #005963, #123347)
- Misty Coral Villa color palette (#DCF7FF, #00BBBB, #CD6D67, #007374, #361D33)
- Timeworn Pier color palette (#F1DDEC, #309AA5, #00516A, #002D20, #00040D)
- Ancient Study color palette (#F6F6ED, #B4E8EF, #73CBD2, #3D9384, #2E4636)
- Timeworn Dune color palette (#E8F7E7, #A9D5FF, #607BDA, #00606E, #27194C)
Browse the whole catalog at Explore, or see today's palette.