Worn Cobalt color palette — #FAEFEA · #B3D0BB · #2B84B5 · #005E3E · #111E41

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FAEFEA): a clean, paper-quiet neutral.
• Pistachio (#B3D0BB): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2B84B5): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E3E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#111E41): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Worn Cobalt 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 Summit color palette (#FEEFE4, #98DAF8, #4883D2, #006357, #221D4A)
• Forest Balcony color palette (#FFEDE8, #5ED0CD, #007E9B, #005615, #001B35)
• Worn Cerulean color palette (#F8F5EE, #B3CCBA, #1584A7, #006059, #113E5B)
• Petrol Chapel color palette (#F0E7E0, #8DBAD6, #4968B0, #004C48, #190937)
• Hushed Pine color palette (#FAF3F8, #B1DCF0, #569DCD, #00805B, #2C385F)
• Muted Terrace color palette (#F5E4DB, #29859A, #003E66, #002016, #01000B)
• Weathered Jade Corridor color palette (#E5ECDA, #28AA77, #9F629E, #006543, #300730)
• Hushed Olive color palette (#F8F0EC, #C9E4DF, #7BA796, #617431, #432E41)

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