Petrol Terrace color palette — #F4F3E4 · #839861 · #2C6B94 · #68344E · #1F1D0C
Peacock and Mulberry set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F3E4): a clean, paper-quiet neutral.
- Moss (#839861): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#2C6B94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#68344E): A full-bodied, balanced rose — the color of strawberry cream.
- Onyx (#1F1D0C): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Petrol Terrace 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
- Dusty Cypress color palette (#F9F0E5, #AD8D58, #0C7A79, #543E69, #23190E)
- Hushed Jade Parlor color palette (#F0F4E6, #75AB7F, #706B99, #643D59, #3B1F09)
- Softworn Garnet Ridge color palette (#EAF5ED, #438F9E, #4E7298, #723743, #1B190B)
- Washed Taupe color palette (#FDEFE5, #94B882, #348785, #6E4545, #292F19)
- Worn Mulberry Parlor color palette (#FDF3EB, #A57E5B, #715E93, #76355C, #3C3431)
- Frosted Aubergine color palette (#E6F8E3, #00847D, #00577A, #5C0054, #100D00)
- Softworn Lagoon Pier color palette (#E9F1E0, #3C9673, #304032, #1B2014, #0D0D07)
- Lagoon Terrace color palette (#FEF2C6, #A8CDA3, #4E9377, #006665, #00323F)
Browse the whole catalog at Explore, or see today's palette.