Ancient Petrol color palette — #DAE1E5 · #B9C6D1 · #8FA7C2 · #006A8C · #10212C

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#DAE1E5): bright and airy, almost weightless.
• Stone (#B9C6D1): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#8FA7C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006A8C): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#10212C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Denim Harbor color palette (#E6F0FA, #A9B5C7, #8495B7, #005396, #051525)
• Antique Cerulean color palette (#E1E9E4, #D2BDC5, #C69FA3, #0C8EAD, #15231C)
• Sapphire Orchard color palette (#EFF6FF, #D4DEF2, #B2BDDC, #316FE8, #20334E)
• Cypress Workshop color palette (#D9F4F2, #63A187, #00715E, #00504F, #002115)
• Nightshade Studio color palette (#E9ECF4, #A0A4B5, #8282A5, #4318AC, #060814)
• Washed Basin color palette (#EDEEF4, #D7D6E1, #B9B4C8, #8A50C0, #2C2D39)
• Tempered Cerulean Bloom color palette (#F0F6FB, #D9DAE4, #C0BFCD, #5C96BF, #3E4953)
• Hushed Garnet Pier color palette (#E4E3FF, #A08BB6, #895690, #802D28, #411600)

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