Worn Cerulean color palette — #F1F3E9 · #ACD2BA · #2F87A4 · #005A60 · #002434

Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3E9): a clean, paper-quiet neutral.
• Pistachio (#ACD2BA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2F87A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A60): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002434): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Cerulean 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 Cobalt color palette (#F0F4E5, #A8D7F2, #008BD0, #005F74, #002647)
• Hushed Lagoon Grove color palette (#DFDFD5, #519894, #005457, #002D24, #000507)
• Wandering Market color palette (#E7EAE2, #94BDB1, #276CB6, #004761, #00103F)
• Dusty Azure color palette (#ECF8F6, #B0DCF2, #00A4D2, #007A84, #123F56)
• Timeworn Market color palette (#F2F2EC, #C6E1DD, #7CA88F, #1E797C, #1E3E30)
• Muted Plum color palette (#F1E2EA, #706FCB, #AE3D7E, #006679, #110D31)
• Tempered Petrol color palette (#FFECF4, #F7CAD9, #D8A1DE, #5E61A4, #381827)
• Airy Nightshade color palette (#E8F0FC, #7693DB, #515BC0, #362296, #25194B)

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