Tempered Petrol Lantern color palette — #E9EEDE · #65A9DA · #0069B3 · #00475D · #001232

Built around Cobalt, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Cream (#E9EEDE): A whisper-light, dusty green — the color of a quiet forest floor.
• Cornflower (#65A9DA): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0069B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Dusty Turquoise color palette (#E1E4D0, #06B5CF, #00728C, #004A4C, #001721)
• Muted Powder Study color palette (#DCEBFF, #98ACFF, #8F85D8, #00578C, #08183A)
• Navy Summit color palette (#F7EDDD, #5C96BE, #00488F, #002E38, #060544)
• Feathered Ultramarine color palette (#F7ECE2, #86BEE5, #385AD0, #003E3C, #04000F)
• Hushed Lantern color palette (#D8E2D9, #8DB6D3, #2C82E7, #006A7C, #060643)
• Pale Cobalt Studio color palette (#ECF1E0, #82CFFC, #038DDA, #006881, #0A2F53)
• Pine Courtyard color palette (#D6F5EA, #007FBD, #077C1C, #004A70, #001501)
• Cornflower Thicket color palette (#E2EDFD, #3B85FF, #0052BA, #002456, #00020E)

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