Cerulean Pier color palette — #FDF1F9 · #BDEFFE · #22A2BD · #006E44 · #002134
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Frost (#BDEFFE): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#22A2BD): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006E44): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002134): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Timeworn Azure color palette (#FBF2F7, #D2E0FE, #5397D5, #006A66, #0E174B)
- Aqua Market color palette (#DFEDE9, #67C5C4, #007A81, #004C42, #001A1F)
- Timeworn Grove color palette (#ECE2E9, #62AFBE, #005C7F, #002C23, #000105)
- Worn Turquoise color palette (#EFF0E2, #A3E0DF, #00BAC6, #009382, #00353D)
- Timeworn Cobalt Chapel color palette (#FEF1FA, #95D8EA, #0083BD, #005248, #000A27)
- Sky Corridor color palette (#FBF2F7, #D4D4E3, #56B7FF, #00897F, #1C3168)
- Worn Magenta Hollow color palette (#DBFEF6, #87BB6B, #C965D2, #387200, #2C0030)
- Ultramarine Grove color palette (#F9E9EF, #84BFE4, #125FD1, #003D41, #020012)
Browse the whole catalog at Explore, or see today's palette.