Cerulean Pier color palette — #ECF4F3 · #9FD3A5 · #10949F · #4B8053 · #0D181C

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Pistachio (#9FD3A5): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#10949F): A luminous, balanced blue — the color of deep harbor water.
• Fern (#4B8053): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0D181C): quiet, heavy and certain.

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

• Antique Market color palette (#ECF3F6, #94D0D0, #4785CB, #008283, #0F171F)
• Aged Stone Parlor color palette (#F6F6EC, #ADCC8C, #4984AB, #5F7646, #24312D)
• Wandering Emerald Studio color palette (#EDF4F0, #CFC588, #2F9866, #7F7228, #0C1818)
• Wandering Lagoon color palette (#CEFCFD, #88CBC0, #1A9699, #005D71, #002F49)
• Washed Pier color palette (#F4F6ED, #A2E4AB, #3DADBB, #649C6C, #253128)
• Softworn Study color palette (#E9F6EB, #73BCA9, #2D8599, #713F5B, #193035)
• Timeworn Jade color palette (#E1F7F8, #1DC39A, #00759E, #006B53, #000A15)
• Pale Villa color palette (#D5E4EA, #008992, #3A00BA, #003E43, #00000B)

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