Petrol Lantern color palette — #FDEAE0 · #74C8C3 · #007485 · #004121 · #000306

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

The five colors

• Cream (#FDEAE0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint Leaf (#74C8C3): A luminous, balanced teal — the color of glacier melt.
• Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

One click turns 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

• Hushed Loft color palette (#FFF2EC, #8BDBE6, #0086AF, #005340, #000D1F)
• Gentle Sapphire Corridor color palette (#F7ECE4, #6DC2EC, #0066BF, #003E3E, #010014)
• Patina Lagoon color palette (#DEF6F0, #61C3BD, #00959A, #006F5D, #00181B)
• Dusty Spruce color palette (#E3DBE4, #569792, #005263, #062E01, #00050D)
• Muted Sapphire color palette (#D7E9FF, #0065C2, #7C4B00, #4F4200, #000105)
• Airy Magenta Quarry color palette (#FCE0FF, #CBC2FF, #E060D5, #006177, #010126)
• Wandering Atelier color palette (#FEF2ED, #BDEAF1, #42B6D4, #2A8159, #04372B)
• Tempered Navy color palette (#CCF2F6, #0090BC, #005994, #09006D, #050018)

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