Cerulean Pier color palette — #F1F7F2 · #A5CCD9 · #208698 · #00624E · #034156
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Sky (#A5CCD9): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#208698): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00624E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#034156): 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 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
- Ancient Cobalt Lagoon color palette (#F0F7F1, #AFC8E0, #5277B8, #005C72, #31365F)
- Forest Canyon color palette (#F7EFF7, #95D5D6, #0088AF, #00602A, #0A213C)
- Teal Field color palette (#C2E9DB, #2CAB9D, #007B79, #005861, #003C4B)
- Hushed Ridge color palette (#E8F8FF, #C4E2F7, #94AEEE, #008178, #1D4358)
- Ancient Lagoon color palette (#DFEBE1, #498C93, #004453, #00231D, #000B13)
- Ancient Field color palette (#EAF8FF, #4DB5C9, #007088, #003946, #00232A)
- Ancient Garden color palette (#FBF4EA, #B1EDEE, #3BC5DE, #429E86, #164433)
- Plum Orchard color palette (#C9EBF9, #008999, #944E90, #705700, #003140)
Browse the whole catalog at Explore, or see today's palette.