Timeworn Petrol color palette — #E2EBF2 · #B9C6D0 · #96A7B9 · #006A89 · #0B222F
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E2EBF2): a clean, paper-quiet neutral.
- Stone (#B9C6D0): A luminous, dusty blue — the color of deep harbor water.
- Blue Fog (#96A7B9): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006A89): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0B222F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Ancient Ultramarine color palette (#E1E7EF, #BCC5D4, #99A4C2, #185AC0, #16202D)
- Abyss Veranda color palette (#DAE1E5, #ADBBC9, #838EA8, #004D5F, #0C222D)
- Dusty Petrol Drift color palette (#EAFAF2, #C8DEE0, #C5B4C8, #00698A, #04100A)
- Tempered Cypress Coast color palette (#D0E5E3, #59A482, #00715C, #00504D, #002114)
- Nightshade Bloom color palette (#DCDFE7, #A1A4B0, #8183A3, #3F1FAA, #040818)
- Antique Violet color palette (#EDEEF6, #D7D6E4, #B9B3CD, #8753BE, #2B2C3E)
- Patina Ridge color palette (#EDEEFF, #9B8BB5, #855D89, #782F2F, #441600)
- Feathered Nightshade color palette (#EED9F0, #3881D7, #454AAA, #670045, #01103E)
Browse the whole catalog at Explore, or see today's palette.