Cerulean Harbor color palette — #FBF4EA · #B1CDB9 · #2A83A2 · #006058 · #093F5D
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Pistachio (#B1CDB9): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#2A83A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
- Navy (#093F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Harbor 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
- Cobalt Pier color palette (#FDF4E6, #96D9F6, #1E87C6, #00656C, #193F73)
- Aged Cobalt Garden color palette (#FAEFEB, #AED1B9, #2184BB, #005E40, #111D43)
- Washed Workshop color palette (#F4EDE3, #8EBDAC, #2869B0, #004E5A, #1B295A)
- Tempered Cypress color palette (#F9F4ED, #CAE6E0, #6BA3B4, #377C70, #375147)
- Abyss Archive color palette (#EEE5D8, #4A8B9B, #00425B, #002221, #000A17)
- Muted Sky Lantern color palette (#EFF8F1, #B1ECF7, #4EC1E9, #06A194, #233D53)
- Dusty Cypress color palette (#DBFFED, #60B895, #007659, #00412F, #00251B)
- Misty Pine color palette (#E6EDD9, #6EA049, #287F34, #005734, #003D43)
Browse the whole catalog at Explore, or see today's palette.