Hushed Petrol Lantern color palette — #FDF3EB · #B18667 · #76865A · #006B7E · #5B3100

A conversation between Peacock and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Caramel (#B18667): A luminous, dusty gold — the color of afternoon light on wheat.
• Driftwood (#76865A): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#006B7E): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5B3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Hushed 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

• Softworn Petrol Grove color palette (#FEF2F2, #AC809E, #72884F, #006B7A, #4B3738)
• Cocoa Canyon color palette (#FCF4E8, #C89C8B, #8F723C, #455884, #6D3705)
• Wandering Denim Canyon color palette (#FCF3EC, #A57556, #557643, #115178, #45312F)
• Worn Nightshade color palette (#F9F5E9, #88853B, #008184, #554194, #35332C)
• Timeworn Lagoon color palette (#FAEEF4, #C8805D, #728D52, #356B50, #2C1E26)
• Aged Courtyard color palette (#FEF3EC, #E0967C, #91A565, #588769, #433B37)
• Softworn Workshop color palette (#FAF3F0, #DCDAD3, #9FB0AB, #A67369, #5B504B)
• Tempered Chestnut color palette (#FFF2EE, #DFB69F, #A3744C, #6E5B00, #484E00)

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