Cerulean Pier color palette — #FCF3F0 · #C6E7C4 · #4B95AD · #436E44 · #2F4F48

Cerulean and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Celadon Mist (#C6E7C4): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#4B95AD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#436E44): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#2F4F48): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Market color palette (#FBF3EE, #C2E6D2, #668EB9, #26705F, #5B3C51)
• Tempered Cypress Boulevard color palette (#EBF4F2, #B9E5F0, #549B9E, #006E5E, #033140)
• Antique Lagoon Quarry color palette (#F6F6EB, #C0E6DA, #71B2B4, #238D7A, #155158)
• Sunlit Aqua Veranda color palette (#FFF2EB, #0FCDE9, #0075AE, #00583E, #1D2C69)
• Oat Workshop color palette (#FFF1F5, #EAD4D1, #F2BA99, #637D9F, #5F4347)
• Wandering Villa color palette (#FFE5DC, #00A2AE, #00506F, #00321A, #000E3B)
• Frosted Indigo color palette (#FFF3E6, #A4D4FF, #6774D7, #006669, #47365D)
• Gentle Orchid color palette (#FFF1F4, #B364C1, #538B54, #007360, #4B2E35)

Browse the whole catalog at Explore, or see today's palette.