Timeworn Petrol Field color palette — #F5E6DF · #97BEA4 · #0072AA · #004E36 · #08103A
Slate and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F5E6DF): a clean, paper-quiet neutral.
- Sage (#97BEA4): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#08103A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn Petrol Field 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
- Cobalt Ridge color palette (#F8F0EB, #ADD1BD, #3E80BF, #005D4B, #191A45)
- Softworn Petrol Cabin color palette (#F4EEE4, #79BECB, #007393, #00504A, #00314D)
- Dusty Delta color palette (#F8EDE5, #6EA4C3, #2E53A2, #003A36, #0E0029)
- Wandering Spruce Summit color palette (#F8E6E1, #589696, #005168, #002E0C, #00040F)
- Tempered Chapel color palette (#F7F1EA, #C3E5DA, #788AC8, #006C6D, #411F2F)
- Tempered Navy Studio color palette (#E7DDD6, #40819D, #00397A, #00201B, #01000A)
- Muted Cypress color palette (#F7F0ED, #CBE0DE, #76A89A, #377964, #442E3E)
- Frosted Grape Bloom color palette (#FFDADD, #EDBFAF, #C09D60, #5F43AD, #2F0916)
Browse the whole catalog at Explore, or see today's palette.