Timeworn Petrol color palette — #DCFEF2 · #BAE4E7 · #83BEE8 · #266FA1 · #022942
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DCFEF2): A whisper-light, dusty teal — the color of sea glass.
- Silver (#BAE4E7): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#83BEE8): A luminous, balanced blue — the color of open sky before noon.
- Slate (#266FA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#022942): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, 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
- Dusty Petrol color palette (#FFF0FD, #E8D3D8, #93AFE7, #4C68A3, #1C2F51)
- Hushed Cypress Harbor color palette (#E5FDE6, #BAEADD, #69C4C5, #007D80, #003535)
- Powder Workshop color palette (#EDF6FF, #91CDFE, #4C85B1, #2A516E, #1C374E)
- Antique Cobalt Dune color palette (#E4EFFB, #4D87D6, #003B81, #271920, #000717)
- Aged Nightshade Ridge color palette (#F2F4FF, #B0BDFF, #6269D5, #280A97, #03001A)
- Ancient Basalt Hollow color palette (#E7EEFF, #DDC9C8, #B4B0CA, #4F384B, #251D24)
- Misty Aubergine Station color palette (#FFF1F5, #E8D8E2, #B88BD5, #763F95, #2C0D3D)
- Gentle Ultramarine Hollow color palette (#F1F5FF, #DDD6F5, #6187FF, #233CD2, #050056)
Browse the whole catalog at Explore, or see today's palette.