Petrol Study color palette — #FBEAE1 · #5BC9D9 · #006F9F · #004029 · #000016
Built around Peacock, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
- Aqua (#5BC9D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004029): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Study 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 Ultramarine Delta color palette (#F7ECE1, #67C0FF, #455BC4, #003E3E, #04000E)
- Wandering Cobalt color palette (#FFF2E9, #7ED9FF, #317AD2, #005247, #0C012F)
- Hushed Corridor color palette (#D3E3E0, #66BFD1, #0091B2, #006C70, #001721)
- Denim Market color palette (#EAD9E5, #6299A5, #005070, #003128, #001330)
- Hushed Azure color palette (#C4E8FF, #00A2D0, #005476, #001A24, #000102)
- Wisteria Boulevard color palette (#C8F3FF, #9BC7FF, #C08EDB, #006344, #000B06)
- Airy Garden color palette (#DAF6E6, #008CAB, #BF1600, #004353, #040000)
- Hushed Chestnut Veranda color palette (#D4EFF4, #007482, #844600, #653400, #000102)
Browse the whole catalog at Explore, or see today's palette.