Ancient Petrol color palette — #EFF7F6 · #C8E0F2 · #5F90B7 · #006D87 · #2C4A6B
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Powder Blue (#C8E0F2): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#5F90B7): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006D87): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2C4A6B): A full-bodied, dusty blue — the color of deep harbor water.
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
- Aged Villa color palette (#F7EFF2, #C5E0F6, #658FC8, #006C6F, #202B47)
- Washed Denim color palette (#E0EFEC, #69ABB1, #006370, #003E3B, #00242D)
- Softworn Cerulean color palette (#DEEEEC, #4B8A9E, #004359, #002226, #000B14)
- Navy Summit color palette (#DBEEED, #6794BD, #00488F, #002D40, #000844)
- Lagoon Thicket color palette (#FAF4EF, #C1E7E9, #80A7DD, #008C90, #583E50)
- Lagoon Coast color palette (#EDF8F5, #ABCBD3, #0F898D, #006152, #00434B)
- Petrol Lagoon color palette (#E5F2F1, #8CB7D7, #006BB6, #004C64, #042C5F)
- Antique Ridge color palette (#E8FCE8, #B8E6DE, #D0CC97, #986940, #3B503E)
Browse the whole catalog at Explore, or see today's palette.