Petrol Lantern color palette — #EAF8FF · #DFC07F · #007F99 · #054A5A · #15242B

Cerulean and Sand set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Sand (#DFC07F): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#007F99): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#054A5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#15242B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Gentle Lapis color palette (#F0F5FF, #DFB452, #4E5BC5, #2D3666, #131A2A)
• Antique Harbor color palette (#ECF9EF, #D1F1C1, #3B828D, #1F412A, #06130A)
• Marigold Loft color palette (#CFE8FF, #D6A200, #006192, #00314D, #001120)
• Patina Cerulean color palette (#EDF8F3, #FFC6B5, #619EBC, #436D5C, #15261F)
• Blush Delta color palette (#EEF6FF, #E990AB, #32537B, #1A2F47, #191927)
• Misty Wisteria color palette (#F0F6FB, #88CEF4, #B46FC9, #008BBE, #24222F)
• Softworn Cerulean Garden color palette (#F1F6FB, #DBD9E2, #CABFD6, #6C92C1, #404952)
• Pale Pier color palette (#EDF7FF, #4A9ED5, #C3575A, #726000, #102D30)

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