Petrol Lantern color palette — #FBEAE1 · #66C7D9 · #006EA3 · #00402B · #010015
Built around Peacock, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
- Aqua (#66C7D9): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Antique Cobalt color palette (#FFF2E9, #9CD5F1, #4D7ABF, #005249, #0E002F)
- Nightshade Villa color palette (#F3E7DA, #73A8D4, #3D4AA2, #002B2C, #020007)
- Timeworn Cerulean Grove color palette (#F8EEDE, #2B99AD, #00516B, #002C29, #00050C)
- Cerulean Canyon color palette (#DBE9DD, #6ABED0, #0090BA, #006D67, #001527)
- Plum Coast color palette (#FFE7F2, #B41179, #006A40, #005030, #040002)
- Hushed Cypress color palette (#FCF3EF, #BFE7F5, #7BABD9, #008268, #412238)
- Tempered Magenta color palette (#FCDDE1, #BC45B3, #007A55, #660061, #000201)
- Pale Coast color palette (#FFF2EE, #CFDFF6, #01C0F0, #338B48, #11365D)
Browse the whole catalog at Explore, or see today's palette.