Pine Studio color palette — #FFF1F6 · #FF90B0 · #D68B00 · #0E7516 · #020100

Olive and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ballet Pink (#FF90B0): A luminous, balanced red — the color of late-summer berries.
• Mustard (#D68B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#0E7516): A full-bodied, balanced green — the color of a quiet forest floor.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Pine Studio 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 Garden color palette (#FFECF7, #FF94C5, #FD6816, #507600, #020100)
• Pale Amber Lantern color palette (#DCFEDD, #FF8D9A, #BB9100, #007E58, #020100)
• Weathered Amber color palette (#FDE5CC, #FF9274, #DA8B00, #858F00, #0C0700)
• Ancient Amber Lagoon color palette (#FBD4DE, #CA865D, #5A6A33, #441C4F, #120018)
• Wandering Boulevard color palette (#C0EED5, #FF6834, #A28200, #005D4D, #010100)
• Rose Ridge color palette (#FCEBFF, #D695FF, #FF5162, #766A00, #030100)
• Gentle Ember Thicket color palette (#FFE1EB, #E93E17, #9B5E00, #545000, #040200)
• Hushed Bronze Orchard color palette (#FFEBDF, #A17400, #554B00, #1D2C00, #000201)

Browse the whole catalog at Explore, or see today's palette.