Tempered Petrol Lantern color palette — #EDF6FF · #8CBBE8 · #2C78A8 · #0E4875 · #002E4E

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#8CBBE8): A luminous, balanced blue — the color of open sky before noon.
• Slate (#2C78A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#0E4875): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002E4E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.

Use it as a design system

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

• Quiet Chapel color palette (#D1FDEF, #8FC0EA, #3D82BA, #004873, #00172B)
• Hushed Denim color palette (#EDF6FF, #A1CEF8, #5798D0, #0065A0, #003456)
• Pale Sky Quarry color palette (#D8FFF3, #C1E0FF, #67B4FD, #4583B6, #002F4A)
• Patina Orchard color palette (#E5F9FF, #71C7C8, #008185, #005154, #003336)
• Weathered Delta color palette (#F1F5FF, #C0C8F5, #797AB1, #414A76, #293654)
• Antique Denim Archive color palette (#F0F5FF, #A0ABDD, #A84D5E, #4C56A7, #2C1E2E)
• Dusty Lagoon color palette (#EBF7FF, #DAD7EC, #CDB3DB, #438D8C, #404E60)
• Deep Sapphire Studio color palette (#D9E6F8, #0570D8, #00366F, #000E25, #000108)

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