Petrol Lantern color palette — #EAF0EB · #CBDCD6 · #C9AFBF · #00818C · #213325
A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Cream (#EAF0EB): bright and airy, almost weightless.
- Silver (#CBDCD6): a clean, paper-quiet neutral.
- Rosewood Mist (#C9AFBF): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#213325): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Dusty Pine color palette (#EDF0E7, #D0DBD0, #A6BEB4, #1C8656, #2C3024)
- Patina Petrol Alley color palette (#F2ECF2, #E0D3D9, #C9B0B3, #4774A9, #362837)
- Worn Petrol color palette (#D9E1DD, #CBC0CA, #B89CA6, #006A8A, #0D251B)
- Wandering Cerulean Archive color palette (#E8F1EB, #C5D7D7, #D5B8C2, #16A3BB, #233228)
- Muted Pine color palette (#EDE4D1, #91B07B, #028664, #285C72, #1D2F0D)
- Tempered Harbor color palette (#EFF7F4, #DFD4D0, #A5A195, #6995B4, #3F4B46)
- Patina Chestnut color palette (#DBECCE, #79B4D6, #7C72A6, #6D5803, #373600)
- Hushed Hollow color palette (#D2ECE2, #007AB1, #302E50, #001C14, #010602)
Browse the whole catalog at Explore, or see today's palette.