Petrol Study color palette — #D1F9F7 · #16C1D6 · #008FBD · #0F66A5 · #2B3D6A
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D1F9F7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#16C1D6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#008FBD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0F66A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2B3D6A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Timeworn Market color palette (#D4FFFC, #37D8F3, #009BC6, #0062A2, #182A50)
- Sunlit Teal Bloom color palette (#E2F2E8, #3ABEA5, #009A9B, #006E80, #004261)
- Azure Chapel color palette (#ACEDF9, #71CAF2, #519CDD, #526AAB, #463F67)
- Hushed Navy Field color palette (#CDE4E6, #0094B7, #006DA0, #003A83, #170D4F)
- Amber Veranda color palette (#E0F1FF, #5AB2E8, #D57A48, #007AB0, #54270D)
- Gentle Cornflower color palette (#D9EFFF, #73A7F0, #707AD5, #5E4C9C, #4B2D5A)
- Dusty Corridor color palette (#ECF7FF, #DDD7ED, #DCB2EF, #3D9EA5, #283C55)
- Iris Balcony color palette (#E6F2FF, #A9C7F6, #8E93CE, #806DA0, #524B6B)
Browse the whole catalog at Explore, or see today's palette.