Timeworn Cobalt Pier color palette — #FBF4EE · #A9CFBD · #577AA8 · #006154 · #36345F
Slate and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF4EE): a clean, paper-quiet neutral.
- Pistachio (#A9CFBD): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#577AA8): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006154): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#36345F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn Cobalt Pier 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
- Frosted Delta color palette (#FEF3E8, #A3D4FC, #6378D0, #006667, #483367)
- Chalky Navy Lantern color palette (#FFF2EC, #65C8DB, #0075AE, #00583E, #1A2972)
- Muted Cobalt Veranda color palette (#EEF4EF, #ABCCE3, #3C82B7, #005A61, #0A1F40)
- Softworn Azure Studio color palette (#FAF4EB, #B6DFCC, #579CD2, #007B84, #223A60)
- Hushed Forest Market color palette (#FEF2F0, #CCE4CB, #4A95AD, #3B703F, #2A5048)
- Airy Atelier color palette (#FDD9EA, #7E68C0, #577A16, #00663F, #2D2547)
- Hushed Boulevard color palette (#FFF0F7, #F4C5E5, #DA928B, #386D99, #553641)
- Antique Cypress color palette (#FBF3EF, #C9E8E7, #AC8DAE, #377D6D, #64495A)
Browse the whole catalog at Explore, or see today's palette.