Worn Cobalt color palette — #FBF4EE · #A8CFBE · #5278B5 · #006157 · #39345B
A conversation between Slate and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4EE): a clean, paper-quiet neutral.
- Pistachio (#A8CFBE): A whisper-light, dusty teal — the color of sea glass.
- Slate (#5278B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#39345B): 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
- Sunlit Cobalt Harbor color palette (#FFF2EC, #82C3D5, #0073B6, #005842, #212673)
- Timeworn Study color palette (#FFF3E7, #AAD3FB, #6A72DA, #00666B, #4C3166)
- Dusty Cobalt Cabin color palette (#EDF4EE, #AACDE5, #2A81C3, #005A63, #0D203B)
- Dusty Workshop color palette (#FAF4EC, #B5E0CD, #399CE8, #007A85, #493148)
- Tempered Coast color palette (#FCF3F1, #CCE4CC, #4995B0, #1E7535, #563D59)
- Onyx Study color palette (#F6E3DB, #5C9BA2, #00506F, #00321A, #000F39)
- Airy Pine color palette (#E3E6D4, #65A261, #00815B, #005957, #143B55)
- Powder Thicket color palette (#FCF2F6, #B9E8FF, #86B4F6, #429D8F, #303958)
Browse the whole catalog at Explore, or see today's palette.