Petrol Loft color palette — #CDE2F8 · #006DB4 · #834600 · #003A64 · #0D0400
A conversation between Royal Blue and Bronze, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDE2F8): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#006DB4): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#834600): A full-bodied, balanced gold — the color of honey in a jar.
- Navy (#003A64): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Chalky Brick Market color palette (#D2E8ED, #00768A, #A70804, #003F4B, #140000)
- Tempered Sapphire color palette (#DAE5F6, #0757ED, #705300, #002792, #090500)
- Denim Corridor color palette (#D5E8FF, #004F9C, #612E00, #002045, #0E0300)
- Nightshade Balcony color palette (#EBD8E9, #608EE8, #B74C02, #002DAE, #0F0200)
- Muted Bronze Thicket color palette (#C6EAE9, #BA5D00, #0078A7, #0A0E18, #000205)
- Linen Amethyst Lagoon color palette (#DEDBF3, #7621F3, #565E00, #41008F, #050700)
- Timeworn Driftwood Pier color palette (#E6F2FD, #9D9AE1, #A167A1, #005260, #010E25)
- Weathered Violet Studio color palette (#E9E6F6, #935CFF, #877400, #5B36A3, #201A00)
Browse the whole catalog at Explore, or see today's palette.