Petrol Study color palette — #FAEBE3 · #82C3CF · #006EA1 · #00402A · #000016
A conversation between Peacock and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAEBE3): a clean, paper-quiet neutral.
- Ash (#82C3CF): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006EA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402A): 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, Sophistication. 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
- Cobalt Basin color palette (#FFF2E9, #94D7F3, #337ACF, #005347, #0C0031)
- Antique Nightshade color palette (#F4EBE2, #7DA8C8, #354AA6, #002B2B, #020007)
- Washed Onyx Garden color palette (#F7E9F3, #569CA6, #004F73, #00321E, #010843)
- Hushed Cerulean color palette (#E3EEE5, #74BDCB, #0090B8, #006E66, #001626)
- Pale Pier color palette (#FADFF8, #A31CA5, #006758, #004F43, #030003)
- Muted Cypress color palette (#FFF2EB, #C1E9F7, #78ACDA, #0E8165, #252B4E)
- Patina Nightshade color palette (#FFEEFC, #FFB2B7, #D69E4D, #474792, #0F0003)
- Muted Peony Thicket color palette (#F6D5D7, #CA5BB1, #00763D, #5D004E, #000200)
Browse the whole catalog at Explore, or see today's palette.