Ancient Petrol color palette — #F3E4ED · #81BDD3 · #286DB2 · #004D3F · #110F34
Built around Slate, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E4ED): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#81BDD3): A luminous, dusty blue — the color of open sky before noon.
- Slate (#286DB2): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#110F34): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Ancient 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
- Petrol Bloom color palette (#E9F1EA, #94B7CB, #0370A1, #004F51, #0A2E54)
- Nightshade Quarry color palette (#F1E0E5, #72A2C8, #3C4DAA, #00393A, #110026)
- Softworn Cobalt Hollow color palette (#F6ECE7, #9ACDE1, #3989DB, #006E5C, #272658)
- Weathered Dune color palette (#F7EFF7, #9CDED8, #0092AE, #226519, #002744)
- Frosted Lantern color palette (#CDE5D9, #009697, #00657F, #00345A, #0E0F44)
- Softworn Archive color palette (#D1E3F4, #3F9EE8, #005B87, #00283D, #00070F)
- Wisteria Boulevard color palette (#C9ECFF, #9EC0FF, #CB90C3, #06735F, #001A2F)
- Wandering Cypress color palette (#F8EFF3, #D7D1E5, #819EC6, #35786D, #2D354E)
Browse the whole catalog at Explore, or see today's palette.