Ancient Petrol Pier color palette — #F1E7E1 · #97BEA9 · #366DA9 · #004D3F · #120840

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

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Sage (#97BEA9): A luminous, dusty teal — the color of glacier melt.
• Slate (#366DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#120840): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Forest Station color palette (#F5E5E1, #A1BC9E, #007790, #0A4F09, #00172C)
• Wandering Bloom color palette (#F9F0E9, #A8D2C1, #547AC3, #005C56, #21183F)
• Ancient Petrol color palette (#F4EEE4, #79BCD4, #0070A0, #004F51, #132F4D)
• Patina Archive color palette (#F9EEE4, #7AA79A, #3D4AB1, #00393A, #110025)
• Pale Cabin color palette (#FFEEE9, #BED8BB, #0092AF, #10670F, #002745)
• Linen Lapis Canyon color palette (#EBE5CD, #818624, #5A5AC7, #484A00, #0E0040)
• Antique Azure color palette (#EEF8F0, #D0E0FE, #1C9CDA, #00696B, #001E3E)
• Hushed Parlor color palette (#F7EBE7, #5A959D, #004F72, #002D1B, #00001E)

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