Ancient Petrol Lagoon color palette — #F9ECE4 · #79BCD5 · #326AA6 · #005143 · #28294C

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

The five colors

• Cream (#F9ECE4): a clean, paper-quiet neutral.
• Sky (#79BCD5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#326AA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#28294C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Ancient Petrol Lagoon 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 Cobalt color palette (#FDF3EB, #91CEEE, #4E78BA, #006157, #393559)
• Petrol Grove color palette (#DFECEB, #93B9CF, #08759C, #004A53, #001828)
• Soft Thicket color palette (#F7ECE0, #62A6D6, #3249B6, #003E3D, #261044)
• Weathered Forest Canyon color palette (#FFF2EF, #6FE4E1, #008DAD, #026C1C, #1D4265)
• Ancient Station color palette (#CAE8E0, #00A1A1, #00687E, #003C6F, #301C4E)
• Timeworn Azure color palette (#CAE8FF, #099CF0, #005C95, #002F47, #001927)
• Gentle Wisteria Pier color palette (#DCFDEA, #91C0FF, #C783CE, #146E56, #06372A)
• Quiet Cerulean color palette (#F8E6DE, #00A2B1, #005071, #00321C, #000B40)

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