Petrol Basin color palette — #CBE9FF · #006FA3 · #824800 · #5B3100 · #002236
A conversation between Peacock and Bronze, giving this palette its sense of trust and stability.
The five colors
- Frost (#CBE9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#824800): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#5B3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Basin 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
- Terracotta Studio color palette (#B5F3EE, #007874, #973300, #583300, #002524)
- Feathered Lapis color palette (#D1DEFD, #5053BA, #4F5A00, #343C00, #141639)
- Antique Violet color palette (#EDECFF, #8759A6, #7D5A0D, #4F4500, #25233D)
- Quiet Thicket color palette (#D8E5FF, #463BFF, #943700, #5D2F00, #13174B)
- Sapphire Orchard color palette (#D9EAFF, #0068DB, #910020, #023F09, #002D18)
- Ash Atelier color palette (#EFF6FF, #7790C0, #A2725C, #7C553E, #333E4D)
- Linen Atelier color palette (#EBF3FF, #4411EE, #7F1600, #4A2200, #001B17)
- Magenta Veranda color palette (#E4E0FF, #BE47DC, #CA4400, #774F00, #33063D)
Browse the whole catalog at Explore, or see today's palette.