Tempered Petrol Basin color palette — #E9F1E8 · #8CB6DE · #4F63A9 · #004E5A · #302356
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F1E8): a clean, paper-quiet neutral.
- Sky (#8CB6DE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4F63A9): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#302356): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Basin 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
- Softworn Petrol Cabin color palette (#F6EBF3, #79BEC8, #007297, #00523F, #0C2F50)
- Wandering Cobalt color palette (#E7EBDF, #93B7DC, #2E69BC, #004665, #04103C)
- Softworn Cobalt color palette (#E6F1F1, #AEC7E2, #5A87C8, #00658F, #192B58)
- Cobalt Field color palette (#FFF0FA, #8EDCF1, #0088C6, #00685B, #273F69)
- Quiet Periwinkle color palette (#F6EDE3, #B0D8FF, #839EFD, #008EA2, #302551)
- Powdered Navy color palette (#ECDEE4, #5898B8, #00498C, #003030, #0C0146)
- Worn Ash Studio color palette (#FAF3F8, #D3D7EE, #66A4B4, #457978, #3C566A)
- Linen Bronze Lantern color palette (#CFE5D0, #A67400, #0071A8, #614200, #002C45)
Browse the whole catalog at Explore, or see today's palette.