Cerulean Pier color palette — #FFF0FD · #7FDCE5 · #0098CE · #007746 · #112F67
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#7FDCE5): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#0098CE): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
- Navy (#112F67): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Aged Meadow color palette (#FFF0F7, #8ED6F9, #4A8AEF, #007368, #322567)
- Chalky Ridge color palette (#FFF2ED, #BEFBFF, #00A8DD, #00773F, #002153)
- Timeworn Cobalt Summit color palette (#E7DDE4, #71BFCC, #007DB3, #005C3C, #0B1B48)
- Linen Turquoise color palette (#EDF9EF, #7EEEF8, #00BEE2, #009A84, #00384F)
- Worn Basin color palette (#FBF2F8, #D2DEF5, #84A8CE, #338C76, #3D4761)
- Feathered Ultramarine color palette (#F9E9F1, #61ACD1, #2A62BD, #004B43, #16023D)
- Brick Atelier color palette (#FFDBD8, #FF6266, #009DB4, #C5002B, #00343D)
- Weathered Meadow color palette (#FDE3E0, #FC2D39, #008EB2, #3D69A1, #450B0C)
Browse the whole catalog at Explore, or see today's palette.