Petrol Loft color palette — #DCF6EE · #C4A051 · #006DA9 · #003C60 · #000302

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

The five colors

• Honeydew (#DCF6EE): A whisper-light, dusty teal — the color of sea glass.
• Camel (#C4A051): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#006DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003C60): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#000302): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark, muted.

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

• Patina Marigold Drift color palette (#DFF0DF, #C99F3E, #007777, #004242, #000400)
• Chalky Navy Canyon color palette (#E9DAE4, #CA9E37, #535EB3, #282981, #080005)
• Antique Amber Harbor color palette (#E6D9E7, #CA7D48, #004680, #001B37, #060008)
• Patina Nightshade Meadow color palette (#F8DAEF, #EBB631, #6772DC, #3A38AE, #1E0418)
• Ancient Violet color palette (#F0D6DC, #D9B35E, #9C5BAA, #61336B, #160509)
• Aubergine Summit color palette (#F7DBE7, #AA7F00, #552E8D, #1D003D, #03000A)
• Hushed Indigo Thicket color palette (#E4DBE1, #CCBBBA, #BA9F99, #6D74D4, #291924)
• Ash Bloom color palette (#FBF2FC, #E9D3A4, #7697C0, #496587, #281E28)

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