Hushed Petrol Lantern color palette — #FAEBE4 · #9ABC9C · #00748C · #005235 · #00314D

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAEBE4): bright and airy, almost weightless.
• Sage (#9ABC9C): A luminous, dusty green — the color of new leaves after rain.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005235): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Lantern color palette (#F7ECE5, #7DBBD4, #006CB0, #00504C, #1D2A55)
• Ancient Petrol Bloom color palette (#D9EEEA, #6EC4C6, #007984, #004C45, #001A20)
• Timeworn Cerulean Boulevard color palette (#FEF2ED, #AFCEB7, #0084AD, #00624D, #48314B)
• Cerulean Loft color palette (#EFF0E0, #72D7DA, #0098A5, #006D63, #00343E)
• Antique Terrace color palette (#EFF4D0, #8BD1BF, #2BABD5, #5E5F00, #33352F)
• Ancient Jade color palette (#BDF4CA, #00B273, #006741, #003214, #001C0D)
• Hushed Nightshade Study color palette (#F6E8DC, #5C96BF, #0038B4, #002F33, #12053D)
• Fern Pier color palette (#F4F0D0, #879200, #327000, #004E1E, #003C2F)

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