Petrol Lantern color palette — #FFE7D8 · #D0B99F · #97986B · #047089 · #2F4B6D
Teal and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#FFE7D8): A whisper-light, dusty gold — the color of old brass.
- Sand (#D0B99F): A luminous, dusty gold — the color of old brass.
- Moss (#97986B): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#047089): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#2F4B6D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Sand Summit color palette (#FFF0FA, #EFC89E, #81A291, #506B79, #28405B)
- Antique Quarry color palette (#FFE4DF, #D2B19E, #A38A6E, #367771, #274C3A)
- Tempered Navy Ridge color palette (#F8E4CC, #BEB28B, #949772, #775A78, #45416B)
- Muted Taupe color palette (#FFD3E1, #E7B9CB, #A0B383, #6F7E94, #38475F)
- Navy Studio color palette (#EFE0D6, #A88F6A, #6A7640, #004E6B, #18235C)
- Muted Alley color palette (#FAF4EC, #C0DDC5, #35A4C2, #007E6E, #0D3F58)
- Weathered Aubergine color palette (#E7F4DC, #A6B28E, #3A9698, #6C4486, #582241)
- Bronze Pier color palette (#F3DDDD, #BD9580, #7C742D, #6E4C62, #533B4A)
Browse the whole catalog at Explore, or see today's palette.