Petrol Orchard color palette — #F5EDE1 · #9ABBA4 · #007393 · #00504A · #00314D
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Sage (#9ABBA4): A luminous, dusty teal — the color of sea glass.
- Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Orchard 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
- Cobalt Station color palette (#FAF4EC, #ACCEBB, #2A81AF, #005F61, #1F3C5B)
- Antique Petrol Thicket color palette (#F1E7E2, #98BEA3, #0073A7, #004E34, #081236)
- Quiet Denim color palette (#EEE6D9, #6DA7C6, #005A98, #003D44, #011655)
- Aged Cypress Orchard color palette (#F8F5EF, #CAE5E2, #6DA1BC, #007F7C, #31524A)
- Patina Abyss Garden color palette (#F7EEE1, #5C9C9B, #00535E, #003124, #001720)
- Feathered Turquoise Basin color palette (#E6F2E8, #7FE5F8, #0BB4E5, #009287, #09314A)
- Frosted Cabin color palette (#FFEEF8, #CFB8EA, #C579B1, #2A5AA7, #362C55)
- Dusty Corridor color palette (#F8DBEC, #605CBB, #9E3900, #005C3D, #1B1744)
Browse the whole catalog at Explore, or see today's palette.