Petrol Study color palette — #DDE0D6 · #7BAE9D · #006AAF · #00475C · #001330
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Bone (#DDE0D6): bright and airy, almost weightless.
- Sage (#7BAE9D): A luminous, dusty teal — the color of sea glass.
- Peacock (#006AAF): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00475C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001330): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Antique Market color palette (#F1F1E2, #5DB2B3, #00747E, #004B43, #00171D)
- Tempered Petrol Balcony color palette (#D8F5F4, #63C1FE, #006AB2, #003B4D, #00020B)
- Navy Harbor color palette (#E7DDD3, #4A98C7, #00429F, #002F32, #100A36)
- Antique Cobalt color palette (#EDF0E6, #A6CFBE, #238ED0, #006880, #042F54)
- Cornflower Veranda color palette (#F8E2EA, #54BBF7, #337DF3, #006C72, #110340)
- Lagoon Veranda color palette (#F6F7E5, #83DDD7, #00A0A4, #007461, #003B41)
- Washed Azure color palette (#F4F7EA, #BBE7D0, #00A9E2, #008090, #004468)
- Antique Meadow color palette (#F5F6EF, #CBE4DE, #95BD9F, #43968E, #385142)
Browse the whole catalog at Explore, or see today's palette.