Timeworn Petrol color palette — #D6F3FB · #5396B2 · #0067A5 · #003435 · #000306
Peacock and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D6F3FB): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#5396B2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0067A5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#003435): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, cool.
Use it as a design system
One click turns Timeworn Petrol 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
- Lagoon Atelier color palette (#D7EAE6, #009DA0, #007A89, #003726, #000403)
- Lapis Grove color palette (#D8EBFE, #6D8CBD, #5253B7, #003A53, #000105)
- Timeworn Indigo color palette (#DDECDE, #009ED8, #5A64C2, #003C2B, #001507)
- Cerulean Basin color palette (#DDF0E2, #51B1D1, #418CBF, #00595C, #00141A)
- Iris Studio color palette (#D1E8F0, #5AC4FD, #6E7DDE, #004E39, #000102)
- Iris Thicket color palette (#DAEEFF, #A7D0FF, #7E9BFB, #00627D, #031B30)
- Muted Petrol Courtyard color palette (#E8F3FF, #D6D4F2, #9BA9EE, #207CA5, #162B41)
- Muted Thicket color palette (#E8ECFF, #9D8FDE, #9856C2, #1D3B8B, #06001C)
Browse the whole catalog at Explore, or see today's palette.