Quiet Petrol color palette — #CEF8EA · #00ABBA · #1F6EB0 · #362B70 · #2B003C
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CEF8EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00ABBA): A luminous, balanced blue — the color of open sky before noon.
- Slate (#1F6EB0): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#362B70): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#2B003C): 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 Quiet Petrol 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
- Teal Balcony color palette (#E4EFE3, #00B596, #007387, #00376D, #1B004F)
- Worn Parlor color palette (#CBFDFF, #58BFF3, #5B74B9, #583C73, #3D0031)
- Tempered Workshop color palette (#CDE8EA, #099FF1, #5856B6, #4D1D63, #37001F)
- Soft Navy Pier color palette (#DAF2EE, #0083A4, #00428B, #270057, #12000E)
- Sunlit Loft color palette (#E1FBFF, #7CD4FF, #3B9AE0, #2D4996, #220C59)
- Patina Navy Hollow color palette (#B8E8FF, #58AADC, #1C70B3, #0E3F8A, #1B2181)
- Washed Boulevard color palette (#A5F8EE, #44C6DF, #3E8DCA, #3A4FAB, #400D78)
- Cellar Nightshade color palette (#CEF5FA, #006DA3, #2D0CA0, #24002D, #050002)
Browse the whole catalog at Explore, or see today's palette.