Pine Summit color palette — #FFF1F6 · #C37A00 · #137C27 · #005E55 · #0B2432

Built around Olive, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C37A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#137C27): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#005E55): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#0B2432): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Pine Summit 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

• Chalky Rust color palette (#FFF0FB, #C3634E, #747200, #13662E, #002129)
• Amber Ridge color palette (#FEECF6, #D37B50, #896F00, #2A5E1A, #481533)
• Cornflower Field color palette (#EEF6FF, #478AE0, #477B2C, #006152, #001E2E)
• Aged Peony Studio color palette (#F9F2FD, #CC7098, #A2733D, #525D92, #28243B)
• Soft Balcony color palette (#FFF1F0, #F27BB3, #949300, #007F9B, #2D1719)
• Antique Terracotta Delta color palette (#FFF0FE, #A24A4E, #5C4A00, #003C40, #241C38)
• Aged Harbor color palette (#F6F3FF, #B06AB4, #007883, #0B5184, #1C1E34)
• Wandering Coral color palette (#FCF1FB, #D3888C, #6389B9, #6E608A, #362F3D)

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