Ancient Petrol Coast color palette — #F7ECE6 · #93BCA4 · #226F9B · #005147 · #142C57

Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Sage (#93BCA4): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#226F9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#142C57): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Wandering Thicket color palette (#FCF3EC, #A6D0BC, #467CB0, #00605D, #2C3761)
• Worn Petrol Coast color palette (#DEEDEA, #95B9CC, #007695, #004A4F, #001925)
• Ultramarine Villa color palette (#F4E5D8, #6BA6CD, #1A51AC, #003D41, #1B1646)
• Airy Lagoon Meadow color palette (#D0F1E8, #009C9A, #006F80, #004158, #222051)
• Linen Cabin color palette (#DAF8E8, #9DC4FB, #AE93DC, #006964, #0E4133)
• Pale Azure Station color palette (#C4E7FF, #17A7D9, #005E83, #002C43, #001727)
• Rust Atelier color palette (#C7E7D5, #008DAC, #AE4412, #005265, #4A1500)
• Azure Parlor color palette (#F8EAF3, #99E0F3, #20B0F7, #009381, #152D53)

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