Petrol Loft color palette — #DCE3E0 · #AD9EA3 · #A98084 · #006E8B · #010D06

Peacock and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#DCE3E0): a clean, paper-quiet neutral.
• Taupe (#AD9EA3): soft and architectural.
• Dusty Rose (#A98084): A luminous, dusty red — the color of embers at dusk.
• Peacock (#006E8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#010D06): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Petrol Loft 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 Cabin color palette (#E4DEE4, #AE9B9C, #A38079, #1F61B5, #110411)
• Antique Cypress Lagoon color palette (#E1E7DE, #91A6A2, #6C9091, #007462, #030C00)
• Abyss Garden color palette (#E2E9EE, #98A7B4, #7388A1, #004C68, #000B14)
• Onyx Villa color palette (#E7EFF4, #818F9F, #636A7F, #002F3D, #000103)
• Antique Indigo color palette (#F1E5EB, #BCABA7, #B5927D, #7555D3, #1F0D17)
• Muted Lagoon Terrace color palette (#EDEBDB, #549A6A, #007262, #005067, #000802)
• Aged Atelier color palette (#CFE6E8, #5486B5, #705D99, #534800, #001607)
• Gentle Ultramarine color palette (#E5DEC9, #00899C, #384FB1, #453A00, #000408)

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