Ancient Petrol color palette — #F4F6EF · #B7DED2 · #6F99C6 · #217597 · #263B5B
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Silver (#B7DED2): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6F99C6): A luminous, balanced blue — the color of open sky before noon.
- Slate (#217597): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#263B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Tempered Cypress Studio color palette (#F6F6EC, #C1DEC0, #4EA5AB, #007E6E, #00434C)
- Antique Petrol color palette (#E8EBD6, #5DAFC2, #00718D, #00494D, #001722)
- Weathered Azure Veranda color palette (#F4F7E7, #79D9FF, #0098D1, #007080, #003657)
- Ancient Loft color palette (#E7ECE1, #6B96C2, #27579A, #003850, #010030)
- Hushed Cobalt color palette (#FAF4EE, #ABCEC2, #5977B4, #005E67, #373361)
- Powder Villa color palette (#FEF1F6, #C8E4FC, #8CB1F8, #299DA8, #37355A)
- Frosted Coral Study color palette (#FFDBD2, #DA6F80, #AF7F2E, #8963B0, #412119)
- Muted Driftwood Parlor color palette (#F7E5CE, #C2AA85, #997A4E, #76522D, #33302A)
Browse the whole catalog at Explore, or see today's palette.