Ancient Petrol color palette — #F5EDE6 · #7FBBD4 · #006BB3 · #00504D · #1F2B53

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#7FBBD4): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#1F2B53): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Dusty Abyss color palette (#F7ECE6, #75C0BF, #007589, #005331, #00324B)
• Tempered Field color palette (#DBEEEC, #6CC0E2, #0074A2, #004956, #00182A)
• Misty Nightshade Coast color palette (#EAE0D5, #72A3D2, #364BAE, #003D46, #221247)
• Ancient Cobalt color palette (#EDF1E0, #93CEE9, #0B91CA, #00697A, #003150)
• Washed Cobalt Quarry color palette (#FAF4EF, #A2D1BF, #4377C7, #005F64, #4F2E44)
• Wandering Dune color palette (#FFF2EC, #86E0DF, #008EA8, #006A42, #124461)
• Washed Cerulean color palette (#F6E5DD, #379FB0, #00506F, #003127, #00132E)
• Periwinkle Study color palette (#FAF4EF, #C8E9EA, #769CCB, #317C7C, #624A5B)

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