Ancient Petrol Harbor color palette — #EDF2F9 · #D8D6E0 · #C0BAC5 · #5477A5 · #272D34

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF2F9): a clean, paper-quiet neutral.
• Silver (#D8D6E0): bright and airy, almost weightless.
• Stone (#C0BAC5): a calm mid-gray that lets other colors speak.
• Slate (#5477A5): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#272D34): a grounded near-black with real depth.

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

Use it as a design system

One click turns Ancient Petrol Harbor 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

• Softworn Grove color palette (#F1F1F8, #E1D2DF, #C8B8D4, #81559C, #242330)
• Hushed Petrol color palette (#EFF7F5, #DFD4CF, #CDB7B1, #4C78A1, #3C4C47)
• Worn Abyss Study color palette (#E3EDFF, #B4B7D1, #8F84A3, #45604D, #0D3F36)
• Indigo Dune color palette (#DAE0F3, #6D69BB, #2F2E45, #111522, #03060D)
• Patina Olive color palette (#EAF5EE, #94BEAF, #608051, #40586B, #122D25)
• Lilac Corridor color palette (#ECF2FF, #BDE4FF, #9DAFF8, #A274B9, #1D213C)
• Antique Navy Ridge color palette (#E5EBF5, #9A9FB0, #787995, #162A7F, #01040E)
• Pewter Quarry color palette (#E0FAE5, #7F9CD3, #775B9C, #603F0A, #1A2236)

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