Tempered Petrol color palette — #F3EDE4 · #86BFE1 · #0069B6 · #003D45 · #000016
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3EDE4): bright and airy, almost weightless.
- Sky (#86BFE1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0069B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Antique Petrol color palette (#F7EDDC, #74C7C5, #007581, #00402E, #000305)
- Timeworn Chapel color palette (#FBE5EF, #2E94C5, #113FA1, #002C29, #050018)
- Faded Cornflower Thicket color palette (#E9DED5, #81B8D7, #3778FF, #006E66, #160834)
- Weathered Lantern color palette (#FAF4EB, #C3E3F7, #74A8EE, #007C92, #212B52)
- Aged Azure Cabin color palette (#E7FDDF, #83D7E5, #33A8F6, #006A49, #000809)
- Weathered Loft color palette (#92F7F3, #00A8A6, #006361, #001616, #000202)
- Linen Thicket color palette (#D6E8D2, #00776F, #7A00BD, #603800, #000201)
- Chalky Plum color palette (#E1F2D9, #00937F, #BB0065, #00473C, #040001)
Browse the whole catalog at Explore, or see today's palette.