Pine Archive color palette — #F8F2FF · #D67CAD · #C17441 · #007339 · #1B0F25
Pine and Bubblegum set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F2FF): a clean, paper-quiet neutral.
- Bubblegum (#D67CAD): A luminous, balanced rose — the color of pressed rose petals.
- Caramel (#C17441): A luminous, balanced gold — the color of honey in a jar.
- Pine (#007339): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#1B0F25): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Pine Archive 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
- Tempered Blush Basin color palette (#FAF2FF, #D57FA4, #9B8A2C, #006F66, #1C0E24)
- Misty Coast color palette (#F0F5FF, #8B98E0, #C76F43, #4B6C00, #0B142A)
- Faded Bronze Summit color palette (#F6F3FF, #C180C2, #9E6000, #00584C, #0C0722)
- Softworn Amber Coast color palette (#FFF0F8, #CE6A33, #008D56, #004F8B, #120300)
- Aged Raspberry Quarry color palette (#E0FDF0, #CCA4E6, #BD5A6D, #005D60, #34122F)
- Sunlit Studio color palette (#FFE9E6, #F87EAC, #CB9600, #848935, #381E1C)
- Ember Hollow color palette (#FFF0FA, #F94D12, #9D7800, #00625A, #1E0300)
- Antique Emerald Pier color palette (#FDF0FF, #FF90A2, #009B5A, #006CAC, #330B14)
Browse the whole catalog at Explore, or see today's palette.