Ancient Petrol color palette — #E6F2E8 · #99B5CE · #3D67AA · #004D5E · #21275C
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#99B5CE): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3D67AA): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#21275C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Patina Petrol color palette (#E7F2E9, #7FBEC2, #00748A, #005144, #003347)
- Antique Pier color palette (#F4E4E9, #91B8D9, #4F62BB, #004B4B, #1B0B30)
- Ancient Cerulean color palette (#F0F8F1, #A6D6EC, #008CB4, #006760, #014469)
- Ancient Cornflower color palette (#F5EDE5, #9BCAF0, #677DE0, #006C6C, #33254A)
- Worn Denim color palette (#E8F2EA, #6597AE, #004E7A, #002F33, #001233)
- Hushed Periwinkle color palette (#F6EDE0, #ABD9FF, #6BA4FE, #008DA9, #222956)
- Softworn Canyon color palette (#F1F7F2, #CEE1F1, #74A1B2, #298060, #34586A)
- Turquoise Canyon color palette (#AAF4F8, #00ADB7, #006468, #003236, #001C1F)
Browse the whole catalog at Explore, or see today's palette.