Ancient Petrol color palette — #F4F7EA · #7EC3DB · #0078A0 · #00545E · #003753
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Sky (#7EC3DB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0078A0): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003753): 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
- Washed Cobalt Garden color palette (#FFEEE4, #7AC8E2, #0078B9, #00524C, #03104C)
- Worn Lagoon Archive color palette (#F6F6E9, #9CDCDA, #009199, #00685B, #004953)
- Hushed Denim color palette (#DDE0D3, #70A7C0, #005E86, #003C47, #002139)
- Washed Delta color palette (#DFFCF9, #9FE6FF, #05BAF6, #0095A6, #003753)
- Petrol Canyon color palette (#F4F6F0, #CBE1E2, #709FC1, #007B94, #30524A)
- Weathered Azure color palette (#FFF0F9, #81D9F6, #0094E1, #00736A, #152D6C)
- Seafoam Meadow color palette (#E8FDDD, #58EDE5, #00BCCF, #007555, #003D37)
- Powdered Teal color palette (#B8FFEF, #00B39C, #00675B, #003A33, #00201A)
Browse the whole catalog at Explore, or see today's palette.