Softworn Petrol Canyon color palette — #D2E8F8 · #007BAA · #213447 · #13212B · #0A0D13
Built around Cerulean, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E8F8): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#213447): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#13212B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#0A0D13): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Softworn Petrol Canyon 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
- Washed Cobalt Archive color palette (#EBF2FF, #5C78C6, #353C50, #232932, #14141A)
- Timeworn Grove color palette (#DAE7F0, #56B7E2, #626F8D, #3A4C59, #0E1B1E)
- Nocturne Courtyard color palette (#D5E7FF, #0057B2, #0E174D, #000D22, #010109)
- Aged Navy color palette (#D9EBFA, #635558, #003C63, #261B22, #00071D)
- Iris Pier color palette (#F1F5FF, #7C79E4, #AF5988, #277485, #2F374E)
- Amethyst Garden color palette (#DCDFED, #711DF9, #331F4B, #12162C, #080610)
- Smoked Aubergine color palette (#E7E4F6, #6F007E, #31221A, #1F011A, #040010)
- Pine Hollow color palette (#E6FBF5, #95BC90, #4F805C, #416062, #2C4945)
Browse the whole catalog at Explore, or see today's palette.