Cerulean Pier color palette — #F5EBF2 · #9CCDE2 · #0092C6 · #006E5A · #142E4E
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Sky (#9CCDE2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0092C6): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006E5A): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#142E4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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 Cerulean color palette (#FDF4E5, #B4F2FE, #389FC4, #006B63, #002136)
- Sapphire Grove color palette (#F0E2E9, #86B9D5, #0073DA, #00595A, #16164B)
- Patina Petrol Dune color palette (#EEF0E0, #67C0D1, #00748D, #004F51, #003345)
- Dusty Teal color palette (#D4E4DD, #00B0A9, #008994, #005C74, #00355B)
- Sky Harbor color palette (#F7ECE6, #A0E0EA, #4DAFE8, #239467, #192A5A)
- Washed Periwinkle color palette (#FFF1F6, #B6E1FF, #5C99FF, #008189, #3A3A66)
- Muted Thicket color palette (#E1F5FF, #BCDEFF, #BCA2FF, #008A78, #173144)
- Timeworn Grove color palette (#B5EAFF, #00BEF3, #007DA1, #00495D, #001B27)
Browse the whole catalog at Explore, or see today's palette.