Midnight Pine color palette — #FBE0E2 · #007835 · #003749 · #210006 · #000201

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

The five colors

• Rose Water (#FBE0E2): A whisper-light, dusty red — the color of embers at dusk.
• Olive (#007835): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003749): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#210006): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

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

• Forest Basin color palette (#E9DDE8, #075B10, #002933, #220003, #000503)
• Shadow Courtyard color palette (#ECDCD8, #6E6500, #003B33, #1A001E, #010200)
• Dusty Lagoon Alley color palette (#EEEDDB, #1C8F69, #004548, #142000, #000201)
• Nocturne Navy color palette (#F4DCBF, #00736C, #04247E, #150A00, #000102)
• Twilit Alley color palette (#D9E8C9, #006449, #520033, #0D1008, #170004)
• Garnet Market color palette (#D5E9D8, #008F6F, #006673, #680052, #000504)
• Worn Ultramarine color palette (#FFEAD6, #009F96, #204BB0, #412200, #000507)
• Dusty Moss Atelier color palette (#E1EBD9, #8CAF00, #00957B, #0059AE, #000102)

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