Hushed Petrol Lantern color palette — #EFF6FA · #D7DAE3 · #BDBED1 · #338090 · #3F4A4F

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D7DAE3): a clean, paper-quiet neutral.
• Ash (#BDBED1): A luminous, dusty violet — the color of a velvet chair.
• Slate (#338090): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F4A4F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Study color palette (#EAF4F7, #D5D7E2, #BEBAC9, #4D7D8E, #252E31)
• Aged Driftwood Thicket color palette (#F0F7F1, #CFE0E2, #D9C4C6, #77997E, #434A44)
• Muted Abyss Garden color palette (#E4ECF1, #9AABBC, #6F809A, #003E50, #05161F)
• Softworn Cypress Summit color palette (#E9F9F4, #83BCB6, #408266, #3A606B, #2E4845)
• Washed Basin color palette (#ECF7FF, #96AFD3, #7C819E, #755768, #3A5540)
• Aubergine Study color palette (#E3E4ED, #B9B6CA, #9488A2, #532C7F, #1C1D2E)
• Iris Studio color palette (#ECF7FF, #6CFAFF, #6CC8FF, #7082D7, #284159)
• Chalky Grape Parlor color palette (#EBF7FF, #0096C2, #814696, #75310D, #2A3F19)

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