Ancient Petrol color palette — #EDF0E6 · #8DB7D5 · #266CA6 · #004C62 · #092D58

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF0E6): a clean, paper-quiet neutral.
• Sky (#8DB7D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#266CA6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#092D58): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, 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 Field color palette (#EEF0E3, #98BBA3, #00748D, #004F51, #003345)
• Sunlit Sapphire Terrace color palette (#EEE8E2, #8CBAD9, #2364D2, #004A4F, #120E36)
• Wandering Cornflower Bloom color palette (#F8EAEF, #98CBEF, #4C83E3, #006B72, #292851)
• Powdered Periwinkle color palette (#E0F3F2, #A9DAFF, #50A9FE, #248AAF, #152D51)
• Weathered Cerulean color palette (#F5F7E8, #B2DABB, #008EA7, #006665, #00475B)
• Hushed Denim Basin color palette (#DFE1D6, #6F9B85, #00506F, #002F36, #001626)
• Weathered Villa color palette (#F4F6F0, #C7E5E9, #7C9CC3, #28779B, #614A5F)
• Timeworn Meadow color palette (#E6E1C6, #667400, #006E64, #793800, #1D2200)

Browse the whole catalog at Explore, or see today's palette.