Cerulean Pier color palette — #FFEEE7 · #B7DABD · #008EC0 · #00663A · #052154
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
- Pistachio (#B7DABD): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#008EC0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00663A): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#052154): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, 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
- Softworn Grove color palette (#FDEFE5, #AADDC9, #517DE2, #00635D, #28184E)
- Dusty Cobalt Loft color palette (#FFEEE7, #7DC9D8, #0079B4, #00543B, #080D4D)
- Cerulean Field color palette (#FAF4EC, #99DBE1, #008EA9, #006859, #074660)
- Antique Azure Loft color palette (#FCF1FA, #A0EAF0, #00A9E1, #00884C, #223F6D)
- Tempered Cypress color palette (#F7F0ED, #C9E2E1, #7EA0C2, #297B67, #442E3D)
- Worn Lagoon color palette (#F1DED8, #45989E, #00516C, #002E15, #000412)
- Ultramarine Drift color palette (#EBDFD5, #6EA4C4, #254FB3, #003A36, #0E0029)
- Antique Station color palette (#F7EAE0, #4E8098, #003582, #00201C, #010009)
Browse the whole catalog at Explore, or see today's palette.