Ancient Petrol Lantern color palette — #F8ECE6 · #99BBA1 · #007295 · #00523E · #002F56

Built around Teal, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Sage (#99BBA1): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#002F56): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Weathered Petrol color palette (#F4EDE7, #89B8D6, #3E68A7, #004F53, #26255D)
• Hushed Cobalt Meadow color palette (#FCF3EE, #ABCFB9, #2080B4, #006155, #263A5D)
• Hushed Petrol Ridge color palette (#E0ECEA, #81BFC8, #00788C, #004B4A, #001922)
• Tempered Denim color palette (#EFE1D7, #7DAA95, #00599B, #003E3C, #11174C)
• Washed Blush Study color palette (#FFE7F7, #D5BDE7, #D588A8, #005F88, #372D50)
• Weathered Onyx color palette (#ECDDD5, #458BA2, #004067, #00231F, #01002F)
• Turquoise Ridge color palette (#F5EBF3, #86E5EF, #22B4E3, #1B9371, #043051)
• Nightshade Grove color palette (#F3EBE3, #6F93B7, #2B3C9E, #002F37, #18003E)

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