Weathered Cobalt color palette — #FBF4EF · #A9CFBD · #477CB1 · #00605E · #2E385D

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Pistachio (#A9CFBD): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#477CB1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#2E385D): 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 Weathered 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

• Faded Alley color palette (#FDF3EB, #AAD3F8, #5C7ACE, #006571, #3F366D)
• Misty Navy Archive color palette (#FFF2EC, #6EC6DA, #0077A6, #005749, #00306C)
• Ancient Archive color palette (#F4F7EC, #B5E0CC, #39A0D7, #00798D, #183E5B)
• Tempered Pine color palette (#FAF4F0, #CFE3CC, #4298A8, #007640, #1C4D66)
• Softworn Lagoon Bloom color palette (#EDDED7, #509DA2, #005267, #003121, #001527)
• Airy Cypress color palette (#E1EDD6, #69A770, #007B5A, #00574B, #0E3B53)
• Ancient Delta color palette (#FAF4F0, #CBE6E5, #759EC1, #008078, #62495D)
• Dusty Lagoon color palette (#FBF2F7, #BFE6FF, #81B7EC, #319E99, #2E385C)

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