Timeworn Petrol color palette — #ECF9F3 · #9DD4F2 · #C68875 · #1C7881 · #19412F
Built around Teal, softened by Caramel — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Powder Blue (#9DD4F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Caramel (#C68875): A luminous, balanced orange — the color of toasted spice.
- Teal (#1C7881): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#19412F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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 Delta color palette (#FCF2F7, #C6C5FF, #AC985E, #37738F, #1A4132)
- Bronze Thicket color palette (#FBF2FA, #AECEFA, #B39467, #7A6A2D, #3A3831)
- Emerald Coast color palette (#F4F4FF, #D9B9EB, #D8987C, #6E9457, #12495C)
- Weathered Lantern color palette (#FFF1F1, #F8B5D4, #66A995, #327776, #1F402E)
- Dusty Study color palette (#F8F5ED, #C1E0D6, #A3B596, #9C7E78, #484A00)
- Hushed Stone Courtyard color palette (#FFF0FD, #E8DAD7, #D7B6A9, #7B9079, #495647)
- Faded Blush color palette (#FFF1F1, #E57EB7, #268A5E, #005651, #00211F)
- Misty Quarry color palette (#FFF2EE, #FA9CA6, #179CA1, #006872, #002D4E)
Browse the whole catalog at Explore, or see today's palette.