Petrol Hollow color palette — #DEEBF0 · #7E909D · #566D89 · #003133 · #000202

Slate and Deep Forest set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DEEBF0): a clean, paper-quiet neutral.
• Slate Blue (#7E909D): A luminous, dusty blue — the color of open sky before noon.
• Slate (#566D89): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003133): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Hollow 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

• Abyss Study color palette (#E8F2EA, #AAC1B4, #749C8B, #00444D, #000200)
• Navy Chapel color palette (#E9EEF6, #9A9EB5, #7D759C, #102B80, #01040C)
• Dusty Studio color palette (#E3EAEF, #BFCDDC, #99A3BD, #005F76, #071821)
• Airy Aubergine Harbor color palette (#E0F3FF, #008F6E, #006281, #40009A, #000103)
• Smoked Navy color palette (#DFF3F1, #006080, #342D75, #1E1400, #030300)
• Tempered Petrol color palette (#EEF2F8, #DAD6E2, #C4B9C8, #57779F, #282D32)
• Tempered Ultramarine Corridor color palette (#EDF2FC, #D1D2E5, #C79BBD, #4648BA, #12192B)
• Charred Fern color palette (#D4E4DB, #456317, #003319, #00181A, #010100)

Browse the whole catalog at Explore, or see today's palette.