Timeworn Cobalt color palette — #F8F0EA · #A5D3C0 · #357CD2 · #005B5D · #311529
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#F8F0EA): a clean, paper-quiet neutral.
- Pistachio (#A5D3C0): A whisper-light, dusty teal — the color of sea glass.
- Azure (#357CD2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#311529): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn 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
- Cerulean Studio color palette (#F9F0EB, #B0D1B7, #0088B0, #005E47, #00223E)
- Cobalt Balcony color palette (#F4F6ED, #98CDED, #3F7EAE, #005C73, #223C59)
- Ash Station color palette (#F7F0EC, #C5E7E7, #78A0CB, #327876, #442E3E)
- Aged Raspberry Loft color palette (#F7DCDA, #B55687, #00825C, #00657D, #25090A)
- Timeworn Cerulean color palette (#F9EAE4, #229AAA, #00516C, #002D22, #00040F)
- Hushed Navy color palette (#F5EAE0, #517E9E, #002D94, #001F22, #01000A)
- Hushed Station color palette (#EEE3D8, #7CA1C1, #314EB0, #003840, #0D002A)
- Worn Marigold Atelier color palette (#FFEDEB, #FFCABF, #D5A760, #805585, #311913)
Browse the whole catalog at Explore, or see today's palette.