Weathered Cerulean color palette — #FAEFEB · #B3D0B7 · #0087B4 · #005F33 · #2E162E

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

The five colors

• Cream (#FAEFEB): bright and airy, almost weightless.
• Pistachio (#B3D0B7): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#0087B4): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005F33): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#2E162E): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Weathered 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

• Muted Cobalt color palette (#FAF0E8, #9FD0E7, #417BCE, #005C52, #1E1A3D)
• Weathered Delta color palette (#E0EDE1, #00A5AA, #D14525, #006165, #390600)
• Turquoise Garden color palette (#F7F0ED, #C8E6DE, #62A7C1, #4D7754, #402F42)
• Wandering Teal color palette (#DBECDB, #00A791, #007D81, #004559, #002239)
• Dusty Cerulean color palette (#E9DED9, #0C8896, #00405E, #002112, #00000D)
• Softworn Sapphire color palette (#FCF0E2, #8CC2EC, #4554FF, #005152, #240145)
• Denim Market color palette (#EDE1DB, #61A9B7, #005E8C, #003B28, #02022F)
• Nightshade Lantern color palette (#EEE0D4, #5A91B2, #153BA8, #002C29, #060017)

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